﻿$.ready = function ()
{
    $('#tabs').tabs(
    {
        select: tab_select
    });

    $('.button').button();

    setTimeout(function ()
    {
        $.elements.init(
        {
            deck: $('#deck'),
            hand: $('#elements')
        });

    }, 1);

    $('.scrollable').hiddenScroll();

    $('#tab-hand .scrollableAreaBottomPlaceholder').height('0px');

    $('#modes-position .scrollableAreaBottomPlaceholder').height('30px');

    $('#modes').modes();

    $.modes.title = $('#modes-title').
            width('99%').
            click(toggle_show_modes).
            button();


    $.user.verifyUser();

    $.modes.onChange = function ()
    {
        var modes = $.modes.active.join(', ');

        $('.ui-button-text', $.modes.title).text('[+] Active Modes: ' + modes);
    }

}

   
function toggle_show_modes()
{
    if ($('.modes-item', $(this).parent()).css('display') == 'none')
    {
        $(this).parent().css('max-height', '300px');
        $('.modes-item', $(this).parent()).css('display', 'inline-block');
    }
    else
    {
        $(this).parent().css('max-height', '30px');
        $('.modes-item', $(this).parent()).css('display', 'none');
    }    
}

function tab_select(event, ui)
{
    if (ui.index == 1)
    {
        $.voting.resume();
        $.voting.init();
    }
    else
    {
        $.voting.pause();

        if (ui.index == 2)
            $.suggesting.init();
    }
}